<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/web/header.jsp"%>
<title>项目信息管理</title>
</head>
<body>
<div class="layui-collapse">
		<div class="layui-colla-item">
			<h2 class="layui-colla-title">项目信息-查询条件</h2>
			<div class="layui-colla-content layui-show">

				<fieldset class="layui-elem-field layui-field-title"
					style="margin: 25px;">
					<legend>项目信息-查询条件</legend>
					<div class="layui-field-box">
						<form class="layui-form layui-form-pane">
							<div class="layui-form-item">
								<label class="layui-form-label">项目编号</label>
								<div class="layui-input-inline">
									<input type="text" name="code" placeholder="请输入项目编号"
										autocomplete="off" class="layui-input">
								</div>
								<label class="layui-form-label">项目名称</label>
								<div class="layui-input-inline">
									<input type="text" name="name" placeholder="请输入项目名称"
										autocomplete="off" class="layui-input">
								</div>
								&nbsp;&nbsp;&nbsp;&nbsp; <span> <input type="button"
									lay-submit lay-filter="search" value="查询" class="layui-btn" />
									<button type="reset" class="layui-btn layui-btn-primary">重置</button>
									<button type="button" class="layui-btn" onclick="openAdd()">添加</button>
								</span>
							</div>

							<!-- 							<input type="hidden" name="action" value="list"> -->
							<input type="hidden" name="action" value="page"> 
							<input type="hidden" name="pageIndex" value="1"> 
							<input type="hidden" name="pageLimit" value="10">
						</form>
					</div>
				</fieldset>
			</div>
		</div>
	</div>

	<table class="layui-table">
		<colgroup>
			<col width="5%">
			<col width="12%">
			<col width="12%">
			<col width="15%">
			<col width="10%">
			<col width="15%">

		</colgroup>
		<thead>
			<tr>
				<th>序号</th>
				<th>项目编号</th>
				<th>项目名称</th>
				<th>项目时间</th>
				<th>负责人编号</th>
				<th>负责人姓名</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody id="user_tbody">

		</tbody>
	</table>
	<div id="pageInfoUser" style="text-align: right; padding-right: 30px;"></div>
	<script type="text/javascript">
	element.render();
	formSubmit("/project", "submit(search)", "json", function(data) {
		var curr = $("input[name='pageIndex']").val();
		var limit = $("input[name='pageLimit']").val();
		setPageInfo('pageInfoUser', data.count, curr, limit, function(obj,
				first) {
			$("input[name='pageIndex']").val(obj.curr);
			$("input[name='pageLimit']").val(obj.limit);
			if (!first) {
				refresh()
			}
		})
		var html = "";
		$.each(data.list, function(i, dom) {
			
			var name = dom.name ? dom.name : '';
			var date = dom.date ? dom.date : '';
			var codeEmp=dom.codeEmp ? dom.codeEmp : '';
			var nameEmp=dom.nameEmp? dom.nameEmp:'';
			var d = {
				i : i + 1,
				code : dom.code,
				name : name,
				date:date,
				codeEmp : codeEmp,
				nameEmp : nameEmp
			}
			var laytpl = layui.laytpl;
			html += laytpl($("#tradd").html()).render(d);
			//html+=getlaytpl("#tradd",d)
		})
		$("#user_tbody").html(html);
		layer.msg("查询成功");
	})
	
	refresh();
	function refresh(){
		$("input[value='查询']").click();
	}
	function del(code){
		openConfirm(function(){
			ajax("/project",{action:"del",code:code},'text',function(data){
				
				if(data==1){
					layer.msg("删除成功",{time: 1000});
					refresh();
				} else if(data=="repeat"){
					layer.msg("删除失败,该项目已锁定负责人",{time: 1000});
				} else {
					layer.msg("删除失败",{time: 1000});
				}
			})
			})
		
	}
	
	function openAdd(){

	openLayer("/web/page/project/add.jsp",refresh);
	}
	function openUpd(code){
		openLayer("/web/page/project/upd.jsp?code="+code,refresh);
	}
	function updEmp(code){
		openLayer("/web/page/project/updEmp.jsp?code="+code,refresh);
	}
	</script>
	<script id="tradd" type="text/html"> 
		<tr>
		<td>{{d.i}}</td>
		<td>{{d.code}}</td>
		<td>{{d.name}}</td>
		<td>{{d.date}}</td>
		<td>{{d.codeEmp}}</td>
		<td>{{d.nameEmp}}</td>
		<td>
				<input type='button' value='修改' class='layui-btn layui-btn-sm' onclick='openUpd("{{d.code}}")' >
			&nbsp;
			<a href="javascript:del('{{d.code}}');" class="layui-btn layui-btn-xs layui-btn-danger"> 
				<i class="layui-icon layui-icon-delete"></i>
			</a>&nbsp;
			<input type='button' value='分配' class='layui-btn layui-btn-sm' onclick="updEmp('{{d.code}}');" >
		</td>
		</tr>
	</script>
</body>
</html>